如何将<td>文字过长的部分,变成省略号显示

来源:百度知道 编辑:UC知道 时间:2024/06/20 12:50:57
我用Html的Table显示数据,
控制<td>里的显示

将<td>文字过长的部分,变成省略号显示方法如下:
在设置文字过长部分需要用到text-overflow标签,设置为 ellipsis,意思为文本超出部分为省略号;
同设置整体为本过长需要用white-space标签,设置为 nowrap,意思是文本不换行;
同时需要设置整体标签超出部分为不显示,设置方法为:overflow: hidden;
整体设置标签为:td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

用css.
overflow: hidden; text-overflow:ellipsis

你是否使用响应式的Bootstrap,如果使用!请直接复制以下代码即可

table{
 table-layout:fixed;
}
.table tbody tr td{
   overflow: hidden; 
   text-overflow:ellipsis; 
   white-space: nowrap; 
 }